<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JavaScript：改变 HTML 样式</title>
	</head>
	<body>
		<p id="pchange" style="color: aquamarine; font-size: 10px;">这个是一段测试文字。这个是一段测试文字。这个是一段测试文字。
		这个是一段测试文字。这个是一段测试文字。这个是一段测试文字。</p>
		<p>这个是一段测试文字。这个是一段测试文字。这个是一段测试文字。这个是一段测试文字。这个是一段测试文字。
		这个是一段测试文字。这个是一段测试文字。这个是一段测试文字。</p>
		<script type="text/javascript">
			function changeTxt(){
				txt = document.getElementById("pchange")
            //通过getElementById找到需要修改的元素
				txt.style.color = "skyblue"
				txt.style.fontSize = "20px"
            //通过赋值来修改对应元素的属性
			}
		</script>
		<button type="button" onclick="changeTxt()">点击改变文字的样式</button>
	</body>
</html>
